import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from  '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/User/Users.vue'
import Right  from '../components/Power/Rights.vue'
import Roles  from '../components/Power/Roles.vue'
import Cate  from '../components/goods/Cate.vue'
import Params  from '../components/goods/Params.vue'
import Shop  from '../components/goods/Shop.vue'
import Add  from '../components/goods/Add.vue'
import Order from '../components/order/Order.vue'
import Report from '../components/report/Report.vue'

Vue.use(VueRouter)

const routes = [
  {path:'/',redirect:'/login'},
  {path:'/login',component:Login},
  {
    path:'/home',
    component:Home, 
    redirect:'/welcome',
    children:[
      { path :'/welcome',component:Welcome},
      { path :'/users',component:Users},
      { path :'/rights',component:Right},
      { path :'/roles',component:Roles},
      { path :'/categories',component:Cate},
      { path :'/params',component:Params},
      { path :'/goods',component:Shop},
      { path :'/goods/add',component:Add},
      { path :'/orders',component:Order},
      { path :'/reports',component:Report}
    ]}
 
]

const router = new VueRouter({
  routes
})

router.beforeEach((to,from,next)=>{
  if (to.path === '/login') return next()
  const tokenStr = window.sessionStorage.getItem('token')
  if(!tokenStr) return next('/login')
  next()
})

export default router
